/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0}
body {font:12px/25px Arial, Helvetica, sans-serif;color:#000000;min-width:960px;background:url(../images/bg-footer.jpg);}
.ic {border:0;float:right;background:#fff;color:#1b1b1b;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {width:100%; background: #FFFFFF; }
/***********************************************************************/
a {text-decoration:none; cursor:pointer; display: block;}
a:hover {text-decoration:none}

a.button {background:#55b7c8; font-size:14px; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; border-radius:5px; box-shadow:0 1px 1px #fff}
a.button:hover {background:#131313}

a.link {text-decoration:none; cursor:pointer; color:#44a7bb}
a.link:hover {text-decoration:underline}

.color-1 {color:#fff}
a.color-1:hover {text-decoration:underline}

.font-3 {font-size:17px; line-height:33px; color:#292929}

h2 {font-size:24px; line-height:24px; color:#222222; font-weight:normal; font-family:'Oxygen', sans-serif; letter-spacing:1px}
h3 {font-size:20px; line-height:20px; color:#222222; font-weight:normal; font-family:'Oxygen', sans-serif}
h3 strong {font-weight:normal; display:block; margin-top:-5px;}
h4 { font-weight: normal; color: 222222; font-size: 14px;font-family:'Oxygen', sans-serif; }

ul {margin:0; padding:0;list-style-image:none}
ul.list-1 li {padding:10px 0 0 17px; line-height:25px; background:url(../images/marker.gif) 0 20px no-repeat}
ul.list-1 li a {font-size:14px; color:#000; line-height:25px}
ul.list-1 li a:hover {color:#44a7bb}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative; margin: 25px 0 40px 0;}
.extra-wrap {overflow:hidden}
.fleft {float:left}
.fright {float:right}
.img-indent {float:left; margin:7px 0 0 0}	
.img-indent-2 {float:left; margin:4px 26px 0 0}	
.last {margin-right:0 !important}
.img-radius {border-radius:4px}

.top-1 {margin-top:12px}
.top-2 {margin-top:43px}
.top-3 {margin-top:33px}
.top-4 {margin-top:0}
.top-5 {margin-top:0}

.left-1 {margin-left:13px}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important}
.bot-1 {margin-bottom:0}
.bot-2 {margin-bottom:0}

.pad-0 {padding:22px 26px 23px 26px}
.pad-1 {padding:30px 26px 40px 26px}
.pad-2 {padding:0 26px}
.pad-3 {padding:37px 26px 40px 26px}

.p0 {padding-bottom:8px}
.p1 {padding-bottom:25px}
.p2 {padding-bottom:12px}
.p3 {padding-bottom:17px}
.p4 {padding-bottom:18px !important}
.p5 {padding-bottom:14px}
.p6 {padding-bottom:10px}


/*********************************header*************************************/
header {width:960px; margin:0 auto; z-index:101}

#logo {
	float: left;	
}

h1 {margin:27px 0 0 23px; display:inline-block; z-index:100}
.header_right {
	float: right;
}
.meta_nav { float: right; margin: 15px 0 35px 0;}
.meta_nav .auth,
.meta_nav .auth li,
.meta_nav .language_nav,
.meta_nav .language_nav li {
	float: left;
}
.meta_nav .auth {
	padding: 0 20px 0 0;
	margin-top: 4px;
}
.meta_nav .auth li a {
	color: #000000;
	padding: 8px;
	display: block;
}
.meta_nav .auth .signup_icon {
	padding: 2px 10px;
	background: url(../images/sprite-icon.png) no-repeat -60px -56px;
	margin: 0 5px 0 0;
}
.meta_nav .auth .login_icon {
	padding: 2px 10px;
	background: url(../images/sprite-icon.png) no-repeat -38px -56px;
	margin: 0 5px 0 0;
}
.meta_nav .language_nav li a {
	color: #8B8B8B;
	padding: 2px 8px;
	display: block;
	border-right: 1px solid #e2e2e4;
}
.meta_nav .language_nav .en_flag {
	padding: 2px 10px;
	background: url(../images/sprite-icon.png) no-repeat 0 -56px;
	margin: 0 5px 0 0;
}
.meta_nav .language_nav .kh_flag {
	padding: 2px 10px;
	background: url(../images/sprite-icon.png) no-repeat -18px -56px;
	margin: 0 5px 0 0;
}

.meta_nav .language_nav {
	border: 1px solid #e2e2e4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-right: none;
}

.form-search {float:right; border:#ffb710 1px solid; background:#f9f9f9;}
#form-search input {width:232px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:transparent; border:none; color:#d2d2d2;  vertical-align:top; padding:5px 10px 5px 13px; display:inline-block; float:left; margin-right:4px}
.search_button {background: url(../images/sprite-icon.png) 0 -23px no-repeat; display:inline-block; vertical-align:top; float:left; width:68px; height:29px; margin:0 0 0 0}

.social-icons {overflow:hidden; text-align:right;}
.social-icons a {display:inline-block; width: 39px; height: 39px; float:right}
.facebook {background:url(../images/sprite-icon.png) 0 -131px no-repeat}
li:hover .facebook {background:url(../images/sprite-icon.png) 0 -263px no-repeat}
.linkin {background:url(../images/sprite-icon.png) 0 -175px no-repeat; margin-left:7px}
li:hover .linkin {background:url(../images/sprite-icon.png) 0 -307px no-repeat; margin-left:7px}
.youtube {background:url(../images/sprite-icon.png) 0 -219px no-repeat; margin-left:7px}
li:hover .youtube {background:url(../images/sprite-icon.png) 0 -351px no-repeat; margin-left:7px}

nav {
	z-index:100; margin:19px 0 0 0;
	background: #d3d3d4; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d3d4 0%, #e2e3e4 5%, #e2e3e4 50%, #e2e3e4 95%, #d3d3d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d4), color-stop(5%,#e2e3e4), color-stop(50%,#e2e3e4), color-stop(95%,#e2e3e4), color-stop(100%,#d3d3d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3d3d4 0%,#e2e3e4 5%,#e2e3e4 50%,#e2e3e4 95%,#d3d3d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d3d3d4 0%,#e2e3e4 5%,#e2e3e4 50%,#e2e3e4 95%,#d3d3d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d3d3d4 0%,#e2e3e4 5%,#e2e3e4 50%,#e2e3e4 95%,#d3d3d4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d3d3d4 0%,#e2e3e4 5%,#e2e3e4 50%,#e2e3e4 95%,#d3d3d4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d4', endColorstr='#d3d3d4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #b4b5b6;
}
nav>div {}
ul.menu {margin:0 1px 0 0; display:table; float:left}
ul.menu li {display: table-cell; line-height:17px; margin:0 0 0 0; border-right: 1px solid #FFFFFF; }
ul.menu li a {font-size:15px; line-height:19px; color:#000000; display:block; padding:15px 20px 15px 20px}
ul.menu li.home-page {display:inline-block; background:url(../images/transp.png) 0 0 repeat; }
ul.menu li:hover , ul.menu li.current {
	background: #dc9b05; /* Old browsers */
	background: -moz-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dc9b05), color-stop(5%,#ffb710), color-stop(50%,#ffb710), color-stop(95%,#ffb710), color-stop(100%,#dc9b05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dc9b05 0%,#ffb710 5%,#ffb710 50%,#ffb710 95%,#dc9b05 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dc9b05 0%,#ffb710 5%,#ffb710 50%,#ffb710 95%,#dc9b05 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dc9b05 0%,#ffb710 5%,#ffb710 50%,#ffb710 95%,#dc9b05 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dc9b05 0%,#ffb710 5%,#ffb710 50%,#ffb710 95%,#dc9b05 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc9b05', endColorstr='#dc9b05',GradientType=0 ); /* IE6-9 */	
}
ul.menu li.home-page a {padding: 15px 15px 15px 15px; }
ul.menu li.home-page span {background:url(../images/sprite-icon.png) 0 0 no-repeat; width:19px; height:19px; display:block}

/*********************************content*************************************/
#content {width:100%; margin:0 auto}
#main_content { margin-top: 5px; width: 640px; float: left; }
.key_feature {
	padding: 30px 0 30px 0;	
	float: left;
}
.graduate img {
	border: 1px solid #FDB90E;	
}

.job img {
	border: 1px solid #cb5c91;	
}

.certificate img {
	border: 1px solid #62BA2F;	
}

.benefit img {
	border: 1px solid #4e2b7d;	
}

.graduate, .certificate {
	padding-right: 30px;	
} 

.key_feature div {
	float: right;
	margin-bottom: 30px;
}

.key_feature .title {
	color: #3E3E3E;
	text-transform: uppercase;
	padding: 0 0 10px 20px;
	background: url(../images/yellow_icon.png) no-repeat 0 5px;
}

.key_feature img {
	-moz-box-shadow: 0 0 5px #3E3E3E;
	-webkit-box-shadow: 0 0 5px #3E3E3E;
	box-shadow: 0 0 5px #3E3E3E;
}

.border-1 {background:url(../images/border-1.gif) 0 bottom repeat-x}

.line-1 {background:url(../images/line.png) 0 bottom repeat-x; padding-bottom:29px; margin-bottom:24px}
.img-border {border:#ebebec 4px solid; border-radius:12px}

.block-1>div {float:left; width:278px; margin-right:27px}
.block-1>div h3 {margin-bottom:16px}
.block-1>div img {margin-bottom:12px}
.block-1>div a.button {margin:18px 0 0 0}

.aside {background:#f9f9fb; width:100%; padding:33px 0 60px 0}

.block-2>div {float:left; width:420px; margin-right:40px}

.block-3>div {float:left; width:278px; margin-right:27px; padding:37px 0 40px 0}

.box-1 {overflow:hidden; padding-bottom:10px}
.box-1>span {display:inline-block; width:50px; font-size:14px; line-height:25px; color:#44a7bb; font-weight:bold; float:left}

.block-4>div {float:left; width:208px; margin-right:18px}
.block-4>div img {margin-bottom:18px}

.block-5 {float:left; width:270px; margin-right:36px}
.block-6 {float:left; width:580px}
.block-7 {float:left; width:275px; margin-right:30px}

.block-8>div {float:left; width:278px; margin-right:27px}

.box-2 a {display:inline-block; float:left; margin-right:20px}

/* News */
.latest_news h3 {
	background: url(../images/news-icon.png) no-repeat 0 0;
	padding: 0 0 5px 35px;
	border-bottom: 1px solid #8B8B8B;
}

.latest_news .news-content {
	padding: 5px 0 5px 0;
}
/****************************right sidebar*****************/
#right_sitebar {
	float: left;
    margin: 0 0 0 25px;
    width: 295px;
}

#right_sitebar p {
	color: #1b1b1b;
	display: none;
}

#right_sitebar h2.title {
	color: #3E3E3E;
	padding: 0 0 5px 20px;
	background: url(../images/yellow_icon.png) no-repeat 0 8px;
	border-bottom: 1px solid #8B8B8B;
}

.feature {
	margin-bottom: 20px;
}

.feature .sub_title {
	padding: 15px 20px;
	background: url(../images/grey-dot.png) no-repeat 0 21px;
}

.feature_content {
	border: 1px solid #cdcdcd;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0 0 5px 0;
}

.feature_content h4{
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #cdcdcd;
	background: #d9dadc;
}

.feature_content p{
	padding: 25px 20px 25px 20px;
}

.feature_content span {
	background: url("../images/sprite-icon.png") no-repeat -26px -98px;
    float: right;
    padding: 10px;
}

.feature_content span.collap {
	background: url("../images/sprite-icon.png") no-repeat -48px -98px;
}

/****************************footer************************/
footer {width:100%; position:relative; overflow:hidden; padding: 10px 0 20px 0}
footer p, footer a {color: #585757;}
footer a:hover {text-decoration:underline}
.footer_content {
	margin: 0 auto;
	width: 960px;
	font-size: 12px;
	position: relative;
	overflow: hidden;
}
.footer_content .footer_left,
.footer_content .footer_mid,
.footer_content .footer_right {
	width: 320px;
	float: left;
}
.footer_content .footer_right {
	text-align: right;
}
.footer_left ul li {
	width: 160px;
}
.footer_left ul li a {
	color: #585757;
	font-size: 12px;
	border-bottom: 1px dotted #585757;
	padding: 1px 0;
	display: block;
}
.footer_left ul li a:hover {
	color: #FFB710;
	text-decoration: none;
}
.footer_mid h3 {
    background: url("../images/yellow_icon.png") no-repeat scroll 0 10px transparent;
    color: #3E3E3E;
    padding: 0 0 19px 20px;
}
.footer_content .copy_right {
	bottom: -5px;
	position: absolute;
}
.developbys {
	bottom: -5px;
   position: absolute;
   right: 0;	
}

/**********************form**********************/
.map {width:270px; height:186px}
.map iframe {width:270px; height:186px; border-radius:8px}
dl {margin:17px 0 0 0px}
dl dt {margin-bottom:10px}
dl dd span {font-weight:bold}
dl dd {}
dl dd a {}
dl dd a:hover {}
#form {margin:8px 0 0 0; width:575px}
#form input {border:#e0e0e1 1px solid; background:#fff;font:13px Arial, Helvetica, sans-serif;color:#d2d2d2;padding:5px 9px 7px 13px;outline:medium none;width:341px; height:17px; float:left; border-radius:4px}
#form textarea {border:#e0e0e1 1px solid; background:#fff;font:13px Arial, Helvetica, sans-serif;color:#d2d2d2; height:188px;outline:medium none;overflow:auto;padding:6px 0 0 13px;width:560px;resize:none;margin:0 0 0 0;float:left; border-radius:4px}
#form label {position:relative;overflow:hidden;display:block;min-height:41px}
.btns {text-align:left; padding-top:20px}
.btns a {display:inline-block; margin:0 10px 0 0px}

.home_blog {
	float: left;
	width: 100%;
}

.home_blog .latest_news,
.home_blog .register {
	float: left;
	width: 306px;
}

.home_blog .latest_news {
	padding: 0 28px 0 0;
}

.register a {
	background: #ffb710; /* Old browsers */
	background: -moz-linear-gradient(top, #ffb710 0%, #da9903 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb710), color-stop(100%,#da9903)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffb710 0%,#da9903 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffb710 0%,#da9903 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffb710 0%,#da9903 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffb710 0%,#da9903 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb710', endColorstr='#da9903',GradientType=0 ); /* IE6-9 */
	border: 1px solid #ffb710;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
	padding: 18px 0;
	display: block;
	text-align: center;
	font-size: 21px;
	margin: 24px 0 0 0;
	color: #FFFFFF;
}